<template>
  <ISwiper :data-list="dataList" :style-options="styleOptions" :options="options">
    <template #default="{ obj }">
      <img :src="getImageUrl(obj)" class="swapper-content" />
    </template>
  </ISwiper>
</template>
<script setup lang="ts">
  import { ref } from 'vue'
  import ISwiper from './comm/ISwiper.vue'
  import { getImageUrl } from '@/utils'

  const dataList = ref<string[]>(['1', '2', '3'])
  const styleOptions = ref<any>({})
  const options = ref<any>({ type: 'template' })
</script>

<style>
  .swapper-content {
    vertical-align: bottom;
    max-width: 100%;
  }
</style>
